  <div class='container dashboard'>
          <div class='row' id='content-wrapper'>
            <div class='col-xs-12'>
              
              
              <!-- 
              <div class='page-header page-header-with-buttons'>
                <h1 class='pull-left'>
                  <i class='icon-dashboard'></i>
                  <span>Dashboard</span>
                </h1>
                <div class='pull-right'>
                  <div class='btn-group'>
                    <a class="btn btn-white hidden-xs" href="#">Last month</a>
                    <a class="btn btn-white" href="#">Last week</a>
                    <a class="btn btn-white " href="#">Today</a>
                          <a class="btn btn-white" id="daterange" href="#"><i class='icon-calendar'></i>
                    <span>Custom</span>
                    <b class='caret'></b>
                    </a>
              
                  </div>
                </div>
              </div>
              
              <div class='row box box-transparent'>
                <div class='col-xs-4 col-sm-2'>
                  <div class='box-quick-link blue-background'>
                    <a href='#'>
                      <div class='header'>
                        <div class='icon-comments'></div>
                        
                      </div>
                      <div class='content'>Comments</div>
                    </a>
                  </div>
                </div>
                <div class='col-xs-4 col-sm-2'>
                  <div class='box-quick-link green-background'>
                    <a href='#'>
                      <div class='header'>
                        <div class='icon-star'></div>
                      </div>
                      <div class='content'>Veeeery long title of this quick link</div>
                    </a>
                  </div>
                </div>
                <div class='col-xs-4 col-sm-2'>
                  <div class='box-quick-link orange-background'>
                    <a href='#'>
                      <div class='header'>
                        <div class='icon-magic'></div>
                      </div>
                      <div class='content'>Magic</div>
                    </a>
                  </div>
                </div>
                <div class='col-xs-4 col-sm-2'>
                  <div class='box-quick-link purple-background'>
                    <a href='#'>
                      <div class='header'>
                        <div class='icon-eye-open'></div>
                      </div>
                      <div class='content'>Show</div>
                    </a>
                  </div>
                </div>
                <div class='col-xs-4 col-sm-2'>
                  <div class='box-quick-link red-background'>
                    <a href='orders.html'>
                      <div class='header'>
                        <div class='icon-inbox'></div>
                      </div>
                      <div class='content'>Orders</div>
                      
                    </a>
                  </div>
                </div>
                <div class='col-xs-4 col-sm-2'>
                  <div class='box-quick-link muted-background'>
                    <a href='#'>
                      <div class='header'>
                        <div class='icon-refresh'></div>
                      </div>
                      <div class='content'>Spinning</div>
                    </a>
                  </div>
                </div>
              </div>
               -->
           <?php 
           /*
               <?php ?
              <div class='row'>
              	<?php if($this->rightWgetJob){?>
                <div class='col-sm-6 box'>
				<?php echo $this->action('widgetjob','widget','administrator');?>  
                </div>
                <?php }?>
                <?php if($this->rightWgetDomain){?>
                <div class='col-sm-6 box'>
                  <?php echo $this->action('widgetdomain','widget','administrator');?>
                </div>
                <?php }?>
              </div>
              
              <div class='row'>
              	<?php if($this->rightWgetLeadreturn){?>
                <div class='col-sm-6 box'>
                  <?php echo $this->action('widgetleadreturn','widget','administrator');?>
                </div>
                <?php }?>
                
                
					<?php if($this->rightWgetCampaignresponse){?>
                <div class='col-sm-6 box'>
                  <?php echo $this->action('widgetcampaignresponse','widget','administrator');?>
                </div>
                <?php }?>
                </div>
              
              */
              ?>
               
              
              
              <div class='row'>
                <div class='col-sm-6 box'>
                 
                
                  
                </div>
                <div class='col-sm-6 box'>
                  <div class='box-header'>
                    <div class='title'>
                      <i class='icon-group'></i>
                      Traffic
                    </div>
                    <div class='actions'>
                      <a class="btn box-remove btn-xs btn-link" href="#"><i class='icon-remove'></i>
                      </a>
                      
                      <a class="btn box-collapse btn-xs btn-link" href="#"><i></i>
                      </a>
                    </div>
                  </div>
                  <div class='box-content'>
                    <div id='stats-chart2'></div>
                  </div>
                </div>
              </div>
              
              
              <hr class='hr-drouble'>
              <div class='row'>
                <div class='col-sm-12 col-md-6'>
                  <div class='box'>
                    <div class='box-header'>
                      <div class='title'>
                        <div class='icon-inbox'></div>
                        Orders
                      </div>
                      <div class='actions'>
                        <a class="btn box-remove btn-xs btn-link" href="#"><i class='icon-remove'></i>
                        </a>
                        
                        <a class="btn box-collapse btn-xs btn-link" href="#"><i></i>
                        </a>
                      </div>
                    </div>
                    <div class='row'>
                      <div class='col-sm-6'>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-error'>191</h3>
                          <small>New</small>
                          <div class='text-error icon-inbox align-right'></div>
                        </div>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-warning'>311</h3>
                          <small>In process</small>
                          <div class='text-warning icon-check align-right'></div>
                        </div>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-info'>3</h3>
                          <small>Pending</small>
                          <div class='text-info icon-time align-right'></div>
                        </div>
                      </div>
                      <div class='col-sm-6'>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-primary'>3</h3>
                          <small>Shipped</small>
                          <div class='text-primary icon-truck align-right'></div>
                        </div>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-success'>981</h3>
                          <small>Completed</small>
                          <div class='text-success icon-flag align-right'></div>
                        </div>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-muted'>0</h3>
                          <small>Canceled</small>
                          <div class='text-muted icon-remove align-right'></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class='col-sm-6 col-md-3'>
                  <div class='box'>
                    <div class='box-header'>
                      <div class='title'>
                        <i class='icon-group'></i>
                        Visitors
                      </div>
                    </div>
                    <div class='row'>
                      <div class='col-sm-12'>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-error'>9100</h3>
                          <small>Unique</small>
                          <div class='text-error icon-user align-right'></div>
                        </div>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-warning'>41 000</h3>
                          <small>Pageviews</small>
                          <div class='text-warning icon-book align-right'></div>
                        </div>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-primary'>12:21</h3>
                          <small>Average time</small>
                          <div class='text-primary icon-time align-right'></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class='col-sm-6 col-md-3'>
                  <div class='box'>
                    <div class='box-header'>
                      <div class='title'>
                        <i class='icon-comments'></i>
                        Comments
                      </div>
                    </div>
                    <div class='row'>
                      <div class='col-sm-12'>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-error'>91</h3>
                          <small>New</small>
                          <div class='text-error icon-plus align-right'></div>
                        </div>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-success'>1</h3>
                          <small>Approved</small>
                          <div class='text-success icon-ok align-right'></div>
                        </div>
                        <div class='box-content box-statistic'>
                          <h3 class='title text-info'>123</h3>
                          <small>Pending</small>
                          <div class='text-info icon-time align-right'></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              
              
              
              <!--  
              <div class='group-header'>
                <div class='row'>
                  <div class='col-sm-6 col-sm-offset-3'>
                    <div class='text-center'>
                      <h2>Todo & Recent activity</h2>
                      <small class='text-muted'>Items in todo list can be reordered by drag & drop, you can mark them as important, complete, or you can delete them!</small>
                    </div>
                  </div>
                </div>
              </div>
              <div class='row'>
                <div class='col-sm-12 col-md-6'>
                  <div class='row todo-list'>
                    <div class='col-sm-12'>
                      <div class='box'>
                        <div class='box-header'>
                          <div class='title'>
                            <i class='icon-list-alt'></i>
                            Todo lists
                          </div>
                          <div class='actions'>
                            <a class="btn box-remove btn-xs btn-link" href="#"><i class='icon-remove'></i>
                            </a>
                            
                            <a class="btn box-collapse btn-xs btn-link" href="#"><i></i>
                            </a>
                          </div>
                        </div>
                        <div class='box-content box-no-padding'>
                          <div class='sortable-container'>
                                      <form class="new-todo" method="post" action="#" accept-charset="UTF-8"><input name="authenticity_token" type="hidden" /><input class='form-control' id='todo_name' name='todo[name]' placeholder='Type your new todo here...' type='text'>
                            <button class='btn btn-success' type='submit'>
                              <i class='icon-plus'></i>
                            </button>
                            </form>
                  
                            <div class='date text-contrast'>Today</div>
                            <ul class='list-unstyled sortable' data-sortable-axis='y' data-sortable-connect='.sortable'>
                              <li class='important item'>
                                <label class='check pull-left todo'>
                                  <input type='checkbox'>
                                  <span>Molestias non et</span>
                                </label>
                                <div class='actions pull-right'>
                                  <a class='btn btn-link edit has-tooltip' data-placement='top' href='#' title='Edit todo'>
                                    <i class='icon-pencil'></i>
                                  </a>
                                  <a class='btn btn-link remove has-tooltip' data-placement='top' href='#' title='Remove todo'>
                                    <i class='icon-remove'></i>
                                  </a>
                                  <a class='btn btn-link important has-tooltip' data-placement='top' href='#' title='Mark as important'>
                                    <i class='icon-bookmark-empty'></i>
                                  </a>
                                </div>
                              </li>
                              <li class='item'>
                                <label class='check pull-left todo'>
                                  <input type='checkbox'>
                                  <span>Praesentium quas est</span>
                                </label>
                                <div class='actions pull-right'>
                                  <a class='btn btn-link edit has-tooltip' data-placement='top' href='#' title='Edit todo'>
                                    <i class='icon-pencil'></i>
                                  </a>
                                  <a class='btn btn-link remove has-tooltip' data-placement='top' href='#' title='Remove todo'>
                                    <i class='icon-remove'></i>
                                  </a>
                                  <a class='btn btn-link important has-tooltip' data-placement='top' href='#' title='Mark as important'>
                                    <i class='icon-bookmark-empty'></i>
                                  </a>
                                </div>
                              </li>
                              <li class='done item'>
                                <label class='check pull-left todo'>
                                  <input checked='checked' type='checkbox'>
                                  <span>Dolores sed libero</span>
                                </label>
                                <div class='actions pull-right'>
                                  <a class='btn btn-link edit has-tooltip' data-placement='top' href='#' title='Edit todo'>
                                    <i class='icon-pencil'></i>
                                  </a>
                                  <a class='btn btn-link remove has-tooltip' data-placement='top' href='#' title='Remove todo'>
                                    <i class='icon-remove'></i>
                                  </a>
                                  <a class='btn btn-link important has-tooltip' data-placement='top' href='#' title='Mark as important'>
                                    <i class='icon-bookmark-empty'></i>
                                  </a>
                                </div>
                              </li>
                              <li class='item'>
                                <label class='check pull-left todo'>
                                  <input type='checkbox'>
                                  <i class='icon-envelope-alt'></i>
                                  <span>Ex numquam inventore ut</span>
                                </label>
                                <div class='actions pull-right'>
                                  <a class='btn btn-link edit has-tooltip' data-placement='top' href='#' title='Edit todo'>
                                    <i class='icon-pencil'></i>
                                  </a>
                                  <a class='btn btn-link remove has-tooltip' data-placement='top' href='#' title='Remove todo'>
                                    <i class='icon-remove'></i>
                                  </a>
                                  <a class='btn btn-link important has-tooltip' data-placement='top' href='#' title='Mark as important'>
                                    <i class='icon-bookmark-empty'></i>
                                  </a>
                                </div>
                              </li>
                            </ul>
                            <div class='date text-contrast'>Due Wed, Sep 19, 2013</div>
                            <ul class='list-unstyled sortable' data-sortable-axis='y' data-sortable-connect='.sortable'>
                              <li class='item'>
                                <label class='check pull-left todo'>
                                  <input type='checkbox'>
                                  <span>Libero provident consequatur vitae ut</span>
                                </label>
                                <div class='actions pull-right'>
                                  <a class='btn btn-link edit has-tooltip' data-placement='top' href='#' title='Edit todo'>
                                    <i class='icon-pencil'></i>
                                  </a>
                                  <a class='btn btn-link remove has-tooltip' data-placement='top' href='#' title='Remove todo'>
                                    <i class='icon-remove'></i>
                                  </a>
                                  <a class='btn btn-link important has-tooltip' data-placement='top' href='#' title='Mark as important'>
                                    <i class='icon-bookmark-empty'></i>
                                  </a>
                                </div>
                              </li>
                              <li class='important item'>
                                <label class='check pull-left todo'>
                                  <input type='checkbox'>
                                  <span>Omnis dolorem aperiam deleniti et</span>
                                </label>
                                <div class='actions pull-right'>
                                  <a class='btn btn-link edit has-tooltip' data-placement='top' href='#' title='Edit todo'>
                                    <i class='icon-pencil'></i>
                                  </a>
                                  <a class='btn btn-link remove has-tooltip' data-placement='top' href='#' title='Remove todo'>
                                    <i class='icon-remove'></i>
                                  </a>
                                  <a class='btn btn-link important has-tooltip' data-placement='top' href='#' title='Mark as important'>
                                    <i class='icon-bookmark-empty'></i>
                                  </a>
                                </div>
                              </li>
                              <li class='item'>
                                <label class='check pull-left todo'>
                                  <input type='checkbox'>
                                  <span>Sed voluptates consequuntur esse accusamus</span>
                                </label>
                                <div class='actions pull-right'>
                                  <a class='btn btn-link edit has-tooltip' data-placement='top' href='#' title='Edit todo'>
                                    <i class='icon-pencil'></i>
                                  </a>
                                  <a class='btn btn-link remove has-tooltip' data-placement='top' href='#' title='Remove todo'>
                                    <i class='icon-remove'></i>
                                  </a>
                                  <a class='btn btn-link important has-tooltip' data-placement='top' href='#' title='Mark as important'>
                                    <i class='icon-bookmark-empty'></i>
                                  </a>
                                </div>
                              </li>
                              <li class='item'>
                                <label class='check pull-left todo'>
                                  <input type='checkbox'>
                                  <span>Dolor illum assumenda ut possimus</span>
                                </label>
                                <div class='actions pull-right'>
                                  <a class='btn btn-link edit has-tooltip' data-placement='top' href='#' title='Edit todo'>
                                    <i class='icon-pencil'></i>
                                  </a>
                                  <a class='btn btn-link remove has-tooltip' data-placement='top' href='#' title='Remove todo'>
                                    <i class='icon-remove'></i>
                                  </a>
                                  <a class='btn btn-link important has-tooltip' data-placement='top' href='#' title='Mark as important'>
                                    <i class='icon-bookmark-empty'></i>
                                  </a>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class='col-sm-12 col-md-6'>
                  <div class='row recent-activity'>
                    <div class='col-sm-12'>
                      <div class='box'>
                        <div class='box-header'>
                          <div class='title'>
                            <i class='icon-refresh'></i>
                            Recent activity
                          </div>
                          <div class='actions'>
                            <a class="btn box-remove btn-xs btn-link" href="#"><i class='icon-remove'></i>
                            </a>
                            
                            <a class="btn box-collapse btn-xs btn-link" href="#"><i></i>
                            </a>
                          </div>
                        </div>
                        <div class='box-content box-no-padding'>
                          <ul class='nav nav-tabs nav-tabs-simple'>
                            <li class='active'>
                                          <a data-toggle="tab" class="green-border" href="#users"><i class='icon-user text-green'></i>
                              Users
                              </a>
                  
                            </li>
                            <li>
                                          <a data-toggle="tab" class="purple-border" href="#comments"><i class='icon-comments text-purple'></i>
                              Comments
                              </a>
                  
                            </li>
                            <li class='dropdown'>
                                          <a data-toggle="dropdown" class="dropdown-toggle orange-border" href="#">Dropdown
                              <i class='icon-caret-down text-contrast'></i>
                              </a>
                  
                              <ul class='dropdown-menu'>
                                <li><a href="#">Hi there!</a></li>
                              </ul>
                            </li>
                          </ul>
                          <div class='tab-content'>
                            <div class='tab-pane fade in active' id='users'>
                              <ul class='list-unstyled users list-hover list-striped'>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">Jean</a>
                                    signed in
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:34:37 +0200'>September 15, 2013 - 17:34</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">Kendrick</a>
                                    uploaded photo
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:35:37 +0200'>September 15, 2013 - 17:35</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">Jason</a>
                                    signed in
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:36:37 +0200'>September 15, 2013 - 17:36</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">inley</a>
                                    signed up
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:37:37 +0200'>September 15, 2013 - 17:37</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">Allen</a>
                                    signed in
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:38:37 +0200'>September 15, 2013 - 17:38</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">Alexis</a>
                                    signed in
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:39:37 +0200'>September 15, 2013 - 17:39</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">Johnnie</a>
                                    commented
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:40:37 +0200'>September 15, 2013 - 17:40</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">Alma</a>
                                    commented
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:41:37 +0200'>September 15, 2013 - 17:41</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='action pull-left'>
                                    <a class="text-contrast" href="#">Brock</a>
                                    uploaded photo
                                  </div>
                                  <small class='date pull-right text-muted'>
                                    <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:42:37 +0200'>September 15, 2013 - 17:42</span>
                                    <i class='icon-time'></i>
                                  </small>
                                </li>
                              </ul>
                              <div class='load-more'>
                                              <a id="users-more-activity" class="btn btn-block" data-loading-text="&lt;i class='icon-spinner icon-spin'&gt;&lt;/i&gt; Loading more..." href="#"><i class='icon-circle-arrow-down'></i>
                                Load more
                                </a>
                  
                              </div>
                            </div>
                            <div class='tab-pane fade' id='comments'>
                              <ul class='list-unstyled comments list-hover list-striped'>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='body'>
                                    <div class='name'><a class="text-contrast" href="#">Kellie</a></div>
                                    <div class='actions'>
                                                          <a class="btn btn-link ok has-tooltip" title="Approve" href="#"><i class='icon-thumbs-up'></i>
                                      </a>
                  
                                                          <a class="btn btn-link remove has-tooltip" title="Remove" href="#"><i class='icon-thumbs-down'></i>
                                      </a>
                  
                                    </div>
                                    <div class='text'>Qui vel omnis quia ea quasi voluptate rerum cum sit. Corporis qui ducimus quidem</div>
                                  </div>
                                  <div class='text-right'>
                                    <small class='date text-muted'>
                                      <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 18:33:37 +0200'>September 15, 2013 - 18:33</span>
                                      <i class='icon-time'></i>
                                    </small>
                                  </div>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='body'>
                                    <div class='name'><a class="text-contrast" href="#">Jerald</a></div>
                                    <div class='actions'>
                                                          <a class="btn btn-link ok has-tooltip" title="Approve" href="#"><i class='icon-thumbs-up'></i>
                                      </a>
                  
                                                          <a class="btn btn-link remove has-tooltip" title="Remove" href="#"><i class='icon-thumbs-down'></i>
                                      </a>
                  
                                    </div>
                                    <div class='text'>Hic aut earum blanditiis sit culpa in saepe reiciendis. Alias expedita officia magnam possimus et possimus culpa assumenda consequatur qui aut vel</div>
                                  </div>
                                  <div class='text-right'>
                                    <small class='date text-muted'>
                                      <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 19:33:37 +0200'>September 15, 2013 - 19:33</span>
                                      <i class='icon-time'></i>
                                    </small>
                                  </div>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='body'>
                                    <div class='name'><a class="text-contrast" href="#">Cathleen</a></div>
                                    <div class='actions'>
                                                          <a class="btn btn-link ok has-tooltip" title="Approve" href="#"><i class='icon-thumbs-up'></i>
                                      </a>
                  
                                                          <a class="btn btn-link remove has-tooltip" title="Remove" href="#"><i class='icon-thumbs-down'></i>
                                      </a>
                  
                                    </div>
                                    <div class='text'>Eum pariatur quod sapiente nulla. Minima modi cumque necessitatibus quam dolor corrupti fugiat impedit voluptas nobis nisi consequatur aut</div>
                                  </div>
                                  <div class='text-right'>
                                    <small class='date text-muted'>
                                      <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 20:33:37 +0200'>September 15, 2013 - 20:33</span>
                                      <i class='icon-time'></i>
                                    </small>
                                  </div>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='body'>
                                    <div class='name'><a class="text-contrast" href="#">Zoe</a></div>
                                    <div class='actions'>
                                                          <a class="btn btn-link ok has-tooltip" title="Approve" href="#"><i class='icon-thumbs-up'></i>
                                      </a>
                  
                                                          <a class="btn btn-link remove has-tooltip" title="Remove" href="#"><i class='icon-thumbs-down'></i>
                                      </a>
                  
                                    </div>
                                    <div class='text'>Ut quibusdam debitis eaque et quis sapiente eos tempore distinctio quia et deleniti. Quae libero ullam harum mollitia non sunt placeat temporibus consequatur</div>
                                  </div>
                                  <div class='text-right'>
                                    <small class='date text-muted'>
                                      <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 21:33:37 +0200'>September 15, 2013 - 21:33</span>
                                      <i class='icon-time'></i>
                                    </small>
                                  </div>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <div class='icon-user'></div>
                                  </div>
                                  <div class='body'>
                                    <div class='name'><a class="text-contrast" href="#">Toby</a></div>
                                    <div class='actions'>
                                                          <a class="btn btn-link ok has-tooltip" title="Approve" href="#"><i class='icon-thumbs-up'></i>
                                      </a>
                  
                                                          <a class="btn btn-link remove has-tooltip" title="Remove" href="#"><i class='icon-thumbs-down'></i>
                                      </a>
                  
                                    </div>
                                    <div class='text'>Dolorem id consequatur quod dolor natus. Optio fugiat qui qui debitis</div>
                                  </div>
                                  <div class='text-right'>
                                    <small class='date text-muted'>
                                      <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 22:33:37 +0200'>September 15, 2013 - 22:33</span>
                                      <i class='icon-time'></i>
                                    </small>
                                  </div>
                                </li>
                                <li>
                                  <div class='avatar pull-left'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='body'>
                                    <div class='name'><a class="text-contrast" href="#">Lynette</a></div>
                                    <div class='actions'>
                                                          <a class="btn btn-link ok has-tooltip" title="Approve" href="#"><i class='icon-thumbs-up'></i>
                                      </a>
                  
                                                          <a class="btn btn-link remove has-tooltip" title="Remove" href="#"><i class='icon-thumbs-down'></i>
                                      </a>
                  
                                    </div>
                                    <div class='text'>Et aliquam et et. Nemo natus est sint modi occaecati</div>
                                  </div>
                                  <div class='text-right'>
                                    <small class='date text-muted'>
                                      <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 23:33:37 +0200'>September 15, 2013 - 23:33</span>
                                      <i class='icon-time'></i>
                                    </small>
                                  </div>
                                </li>
                              </ul>
                              <div class='load-more'>
                                              <a id="comments-more-activity" class="btn btn-block" data-loading-text="&lt;i class='icon-spinner icon-spin'&gt;&lt;/i&gt; Loading more..." href="#"><i class='icon-circle-arrow-down'></i>
                                Load more
                                </a>
                  
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='group-header'>
                <div class='row'>
                  <div class='col-sm-6 col-sm-offset-3'>
                    <div class='text-center'>
                      <h2>Chat & Quick e-mail</h2>
                      <small class='text-muted'>You can send some message in chat below!</small>
                    </div>
                  </div>
                </div>
              </div>
              <div class='row'>
                <div class='col-sm-6'>
                  <div class='row'>
                    <div class='chat'>
                      <div class='col-sm-12'>
                        <div class='box'>
                          <div class='box-header orange-background'>
                            <div class='title'>
                              <i class='icon-comments-alt'></i>
                              Chat
                            </div>
                            <div class='actions'>
                              <a class="btn box-remove btn-xs btn-link" href="#"><i class='icon-remove'></i>
                              </a>
                              
                              <a class="btn box-collapse btn-xs btn-link" href="#"><i></i>
                              </a>
                            </div>
                          </div>
                          <div class='box-content box-no-padding'>
                            <div class='scrollable' data-scrollable-height='300' data-scrollable-start='bottom'>
                              <ul class='list-unstyled list-hover list-striped'>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Tomas</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:42:37 +0200'>September 15, 2013 - 17:42</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Vel recusandae aspernatur atque repudiandae asperiores aut commodi recusandae voluptas ab vel dignissimos necessitatibus ipsam
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Moses</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:41:37 +0200'>September 15, 2013 - 17:41</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Sint illo aut illo nostrum omnis et dolorem et dignissimos
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Moses</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:40:37 +0200'>September 15, 2013 - 17:40</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Culpa aut quasi vitae sunt modi laboriosam a
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Moses</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:39:37 +0200'>September 15, 2013 - 17:39</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Doloribus neque qui eius laborum est nemo impedit aliquid et
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Tomas</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:38:37 +0200'>September 15, 2013 - 17:38</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Ut et nam ut eos aut est id quo veniam corrupti itaque voluptatem repellat rerum
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Tomas</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:37:37 +0200'>September 15, 2013 - 17:37</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Quo voluptas necessitatibus sint molestias
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Tomas</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:36:37 +0200'>September 15, 2013 - 17:36</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Sed quo voluptatem illo quam qui itaque ad
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Moses</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:35:37 +0200'>September 15, 2013 - 17:35</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Ea optio quod vel eligendi est voluptates repellat est aliquam quia nihil beatae sit
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Tomas</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:34:37 +0200'>September 15, 2013 - 17:34</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Qui in ratione reiciendis possimus ipsum voluptatem quidem aut unde excepturi ut harum minus dolorum
                                  </div>
                                </li>
                                <li class='message'>
                                  <div class='avatar'>
                                    <img alt='Avatar' height='23' src='assets/images/avatar.jpg' width='23'>
                                  </div>
                                  <div class='name-and-time'>
                                    <div class='name pull-left'>
                                      <small>
                                        <a class="text-contrast" href="#">Tomas</a>
                                      </small>
                                    </div>
                                    <div class='time pull-right'>
                                      <small class='date pull-right text-muted'>
                                        <span class='timeago fade has-tooltip' data-placement='top' title='2013-09-15 17:33:37 +0200'>September 15, 2013 - 17:33</span>
                                        <i class='icon-time'></i>
                                      </small>
                                    </div>
                                  </div>
                                  <div class='body'>
                                    Ea cum illum eum occaecati qui culpa et consequatur ut aspernatur distinctio
                                  </div>
                                </li>
                              </ul>
                            </div>
                                      <form class="new-message" method="post" action="#" accept-charset="UTF-8"><input name="authenticity_token" type="hidden" /><input class='form-control' id='message_body' name='message[body]' placeholder='Type your message here...' type='text'>
                            <button class='btn btn-success' type='submit'>
                              <i class='icon-plus'></i>
                            </button>
                            </form>
                  
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class='col-sm-6'>
                  <div class='row'>
                    <div class='col-sm-12'>
                      <div class='box'>
                        <div class='box-header blue-background'>
                          <div class='title'>
                            <div class='icon-envelope-alt'></div>
                            Quick e-mail
                          </div>
                          <div class='actions'>
                            <a class="btn box-remove btn-xs btn-link" href="#"><i class='icon-remove'></i>
                            </a>
                            
                            <a class="btn box-collapse btn-xs btn-link" href="#"><i></i>
                            </a>
                          </div>
                        </div>
                        <div class='box-content'>
                          <div class='form-group'>
                            <input value="" placeholder="E-mail" class="form-control" name="email" type="text" />
                          </div>
                          <div class='form-group'>
                            <textarea class='form-control wysihtml5' id='body' placeholder='Your message...' rows='5'></textarea>
                          </div>
                          <div class='text-right'>
                            <a class="btn btn-primary" href="#">Send</a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='group-header'>
                <div class='row'>
                  <div class='col-sm-6 col-sm-offset-3'>
                    <div class='text-center'>
                      <h2>Calendar & Tasks</h2>
                      <small class='text-muted'>Events in calendar can be dragged from day to another day, or you can extend event on more days!</small>
                    </div>
                  </div>
                </div>
              </div>
              <div class='row'>
                <div class='col-sm-6'>
                  <div class='row'>
                    <div class='col-sm-12'>
                      <div class='box box-bordered purple-border'>
                        <div class='box-header purple-background'>
                          <div class='title'>
                            <i class='icon-calendar'></i>
                            Calendar
                          </div>
                        </div>
                        <div class='box-content'>
                          <div class='full-calendar-demo'></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class='col-sm-6'>
                  <div class='row'>
                    <div class='col-sm-12'>
                      <div class='box'>
                        <div class='box-header green-background'>
                          <div class='title'>
                            <div class='icon-tasks'></div>
                            Tasks
                          </div>
                          <div class='actions'>
                            <a class="btn box-remove btn-xs btn-link" href="#"><i class='icon-remove'></i>
                            </a>
                            
                            <a class="btn box-collapse btn-xs btn-link" href="#"><i></i>
                            </a>
                          </div>
                        </div>
                        <div class='box-content'>
                          <ul class='list-unstyled tasks'>
                            <li>
                              <div class='task'>
                                <span class='pull-left'>
                                  <a href='#'>Cras sed tellus velit</a>
                                </span>
                                <small class='pull-right'>40%</small>
                              </div>
                              <div class='progress progress-small'>
                                <div class='progress-bar' style='width: 40%'></div>
                              </div>
                            </li>
                            <li>
                              <div class='task'>
                                <span class='pull-left'>
                                  <a href='#'>Quis posuere tortor - maecenas in risus</a>
                                </span>
                                <small class='pull-right'>80%</small>
                              </div>
                              <div class='progress progress-small'>
                                <div class='progress-bar progress-bar-danger' style='width: 80%'></div>
                              </div>
                            </li>
                            <li>
                              <div class='task'>
                                <span class='pull-left'>
                                  <a href='#'>Donec sodales justo in lacus sagittis</a>
                                </span>
                                <small class='pull-right'>58%</small>
                              </div>
                              <div class='progress progress-small'>
                                <div class='progress-bar-success progress-bar' style='width: 68%'></div>
                              </div>
                            </li>
                            <li>
                              <div class='task'>
                                <span class='pull-left'>
                                  <a href='#'>Etiam condimentum sem nec</a>
                                </span>
                                <small class='pull-right'>100%</small>
                              </div>
                              <div class='progress progress-small'>
                                <div class='progress-bar progress-bar-warning' style='width: 100%'></div>
                              </div>
                            </li>
                            <li>
                              <div class='task'>
                                <span class='pull-left'>
                                  <a href='#'>Etiam condimentum sem nec</a>
                                </span>
                                <small class='pull-right'>24%</small>
                              </div>
                              <div class='progress progress-small'>
                                <div class='progress-bar progress-bar-info' style='width: 24%'></div>
                              </div>
                            </li>
                            <li>
                              <div class='task'>
                                <span class='pull-left'>
                                  <a href='#'>Id mi placerat</a>
                                </span>
                                <small class='pull-right'>10%</small>
                              </div>
                              <div class='progress progress-small'>
                                <div class='progress-bar progress-bar-success' style='width: 10%'></div>
                              </div>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              </div>
              </div>
              </div>
              
           -->